<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
    /*并集选择器*/
     h1,p {
         color: red;
     }
     /*交集选择器*/
        h1.frist{
            color: green;
        }
      /*后代选择器*/
        h1 span{
            color: black;
        }
        /*子元素选择器*/
        h2>span{
            color: yellow;
        }
        /*属性选择器*/
        input[type="password"]{
            color: blue;
        }
    </style>
</head>
<body>
 <p>遥望星辰闪烁</p>
<h1  class="frist"><span>崩欢迎你</span><span>坏山崖北京</span> </h1>
<h2><span>北京欢迎你</span><span>福成欢迎你
</span></h2>
<p class="frist">中华文化源远留长，博大精深</p>
用户名：<input type="text"/><br/>
密码：<input type="password"/><br/>

</body>
</html>